﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>事件登记</title>
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
    <script src="components/requirejs/require.js" data-main="resources/js/incidentNew" async="async"></script>
    <link href="resources/css/common.css" rel="stylesheet" />
    <link href="components/mint-ui/style.min.css" rel="stylesheet" />
    <link href="resources/css/incidentNew.css" rel="stylesheet" />
</head>
<body>
    <div id="view">
        <div view v-if="isloading"></div>

        <div warning center>
            <div center>
                <img src="resources/image/incidentNew/warning.png" />
            </div>
            <div>
                若涉嫌机密信息，请使用网页或者电话报单方式
            </div>
        </div>
        <div group>
            <div group-title>
                <div center-v>
                    <img src="resources/image/common/image.png" />
                </div>
                <div>
                    图片上传
                </div>
                <div center>
                    <div arrow-up></div>
                </div>
            </div>
            <div upload center-v>
                <img v-for="item in images" v-bind:src="item.data" />
                <div file v-if="images.length < 3">
                    <input type="file" v-on:change="imgUpload($event)" />
                </div>
            </div>
        </div>

        <div group>
            <div group-title>
                <div center-v>
                    <img src="resources/image/common/personalInfo.png" />
                </div>
                <div>
                    个人信息
                </div>
                <div center>
                    <div arrow-up></div>
                </div>
            </div>
            <div group-item>
                <div>联系人：</div>
                <div>
                    <input type="text" v-model="others.linkmanName" />
                </div>
            </div>
            <div group-item>
                <div>电话：</div>
                <div>
                    <input type="text" v-model="others.userTel" />
                </div>
            </div>
            <div group-item>
                <div>手机：</div>
                <div>
                    <input type="text" v-model="others.userMobile" />
                </div>
            </div>
            <div group-item>
                <div>邮箱：</div>
                <div>
                    <input type="text" v-model="others.userEmail" />
                </div>
            </div>
        </div>

        <div group>
            <div group-title>
                <div center-v>
                    <img src="resources/image/common/incidentInfo.png" />
                </div>
                <div>
                    事件信息
                </div>
                <div center>
                    <div arrow-up></div>
                </div>
            </div>
            <div group-item>
                <div>事件类别：</div>
                <div>
                    <select v-model="data.incidentType">
                        <option value="故障">故障</option>
                        <option value="问询">问询</option>
                        <option value="反馈">反馈(投诉和建议</option>
                        <option value="需求">需求(设备类申请除外)</option>
                    </select>
                </div>
            </div>
            <div group-item>
                <div><span required>*</span>标题：</div>
                <div>
                    <input type="text" v-model="data.title" />
                </div>
            </div>
            <div group-item>
                <textarea placeholder="*请输入事件详细描述" v-model="data.description"></textarea>
                <div voice v-on:touchstart="startVoice($event)" v-on:touchend="endVoice($event)"></div>
            </div>
            <div group-item>
                <div>发生时间：</div>
                <datetime v-model="data.happenTime"></datetime>
            </div>
            <div group-item>
                <div>期望完成时间：</div>
                <datetime v-model="data.expectTime"></datetime>
            </div>
            <div group-item>
                <div>发生频率：</div>
                <div>
                    <dictionary type="OCCURRENCE_FREQUENCY" v-model="data.occurrenceFrequency"></dictionary>
                </div>
            </div>
        </div>

        <div placeholder-bottombar>
        </div>
        <div bottombar>
            <input type="button" blue value="提交" v-on:click="submit" />
        </div>
    </div>
</body>
</html>